<script setup lang="ts">

import UserList from "@/views/users/user.vue";
import RoleList from "@/views/users/role.vue";


</script>

<template>
  <div class="flex-vertical-stretch gap-16px overflow-hidden <sm:overflow-auto">
    <NCard title="" :bordered="false" size="small" class="card-wrapper sm:flex-1-hidden">
      <n-tabs type="line" animated>
        <n-tab-pane name="userList" tab="用户管理">
          <template #default>
            <UserList/>
          </template>
        </n-tab-pane>
        <n-tab-pane name="roleList" tab="角色管理">
          <RoleList/>
        </n-tab-pane>
      </n-tabs>
    </NCard>
  </div>
</template>

<style scoped>
:deep(.n-card__content){
  padding-top: 0 !important;
}
</style>
